
@media (min-width: 1200px){
  .app-content{
    width: 100%;
    margin:0 auto;
    height: 100%;
    position: relative;
  }
  .avatar-wrap{
    height: 160px;
    width:160px;
  }
  
}

/*头部样式*/
a{
  text-decoration: none;
}
.ldgrzy20181128_14wx {
  font-size: 14px;
  line-height: 30px;
  color: #FFFFFF;
}
a.ldgrzy20181128_14wx {
  font-size: 14px;
  line-height: 30px;
  color: #FFFFFF;
}
.ldgrzy20181128_16wc {
  font-size: 16px;
  line-height: 30px;
  color: #FFFFFF;
  font-weight: bold;
}
a.ldgrzy20181128_16wc {
  font-size: 16px;
  line-height: 30px;
  color: #FFFFFF;
  font-weight: bold;
}

.ldgrzy20181128_tou{
  color: #fff;
}
.sousuo20181128zfld {
  height: 24px;
  width: 250px;
  opacity: 0.95;
  filter: alpha(opacity=50);
  background: #FFFFFF no-repeat fixed left top;
  border: none #BF7341;
  font-size: 14px;
  line-height: 23px;
  color: #9e9a9a;
  text-indent:5px;
}
.ldgrzy20181128_16wc a{
  text-decoration:none;
}
.ldgrzy20181128_16wc a:hover{

 text-decoration:underline ;
}
a:hover{
  text-decoration: underline;
}

/*头部样式结束*/
/*底部样式*/
.foot   *{
  margin: 0;
  padding: 0;
}
.foot li{
  list-style: none;
}
.foot  .container,.foot .container2{
  width: 1200px;
  margin: 0 auto;

}
.foot  .clearfix::after,.foot .container2::after{
  display: block;
  content:'';
  visibility: hidden;
  clear: both;
}

.foot{
  width: 100%;
  padding: 50px  0 15px 0;
 background: rgb(177, 0, 1) ;
  font-size: 14px;
  min-width: 1200px;
}
.foot .ftleft{
  width: 630px;
}
.foot .ftmid{
  width: 255px;
}
.foot .ftmid,.foot .ftleft,.foot .ftright{
  float: left;
  
  text-align: left;
}
.foot .ftright{
  float: right;
}
.foot .ftleft a{
  display: inline-block;
  line-height: 16px;
  line-height: 16px;
  font-size: 14px;
  color: #fff;
  padding: 0 16px;
 
}
.foot .ftleft .p1 a+a{
border-left: 2px solid #fff;
}
.foot .ftleft a:first-child{
  padding-left: 0;
}
.foot .ftleft .p1,
.foot .ftleft .p2,
.foot .ftleft .p3,
.foot .ftleft .p4{
  margin-bottom: 14px;
  color: #fff;
}
.ftmid img{
  margin-top: 20px;
  margin-left: 25px;
    vertical-align: middle;
}
.foot .ftmid {

}
.foot .ftright li{
  width: 144px;
  height:48px;
  line-height: 48px;
  /* text-align: center; */
  background: #d65352;
  float: left;
  padding-left: 35px;
  position: relative;
  cursor: pointer;
  box-sizing: border-box;
}
.foot .ftright li a,.ftright li{
  color: #fff;
  font-size: 16px;
}
.foot .ftright li:hover .scindex_ftrwm{
  display:block;
}
.foot .scindex_ftrwm{
  display:none;
  position:absolute;
  left: 0;
  top: -148px;
  }
.foot .scindex_ftrwm img{
  width: 144px;
  max-width: unset;
      position: relative;
}
.foot .ftright>div{
  margin-bottom: 15px;
}
.foot .ftright div li:nth-child(2){
  margin-left: 17px;
}
.foot .ftright  li img{
  margin-right: 16px;
}
.foot .ftleft .p4 a{
  padding:0;
}
/*底部样式结束*/
.app{
  
   background: #ffffff;    //#f9f9f9; //url('./image/page_ground.png');
  .app-logo-wrap{
    height: 230px;
  }

  .app-header{

    margin-top:10px;
    height: 230px;
    background: url('./image/szzyzfld_20181128_toubj001.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    
    .icon-position{
      display: inline-block;
      height: 20px;
      width:20px;
      background: url('./image/icon_dq.png');
      background-repeat: no-repeat;
      background-size:100% 100%;
      position: relative;
      top: 4px;
      margin-right: 8px;
    }
    .herder-position{
      position: relative;
      top:125px;
      color: #ffffff;
      font-size: 14px;
    }
  }
}


.app-aside{

  width:300px;
  height: auto;

  // .menu-item-close{
  //   background:url(./image/aside-bgc.png) no-repeat center !important;
  //   // background-color:#e0e0e0; //#2b96d7!important;
  // }
  
  .menu-item{
    height: auto;
    background: #ffffff;
    border-radius: 10px;
    padding:10px 22px;
    margin-bottom: 10px;
    border:1px solid #ccc;
    .menu-tab{
      height: 38px;

      .menu-tab-title{
        height: 38px;
        line-height: 38px;
        width:125px;
        text-align: center;
        background-color: #c80602; //#2b96d7;
        border-radius: 5px;
        font-size: 20px;
        color: #ffffff;
        cursor: pointer;
      }
      .menu-tab-arrow{
        width:24px;
        height: 12px;
        background: url('./image/zlgl.png');
        background-repeat: no-repeat;
        background-size:100% 100%;
        cursor: pointer;
        margin-top: 10px;    
      }
      .menu-tab-arrow-close{
        background: url('./image/zlgl_toggle.png');

      }
    }


    @keyframes enter-ani {
      0% { height:0px;}
      100% {height:100px;}
    }
          
    .menu-list {
      margin-top:15px;
      animation: enter-ani 0.2s linear ;

      .menu-list-item{
        height: 40px;
        line-height:40px;
        background-color: #f8f8f8;
        border-radius: 5px;
        margin-bottom: 8px;
        padding-left: 10px;
        cursor: pointer;
      }
      .menu-list-item.active{
        font-weight: bold;
        color: #be0000;
      }
      .menu-list-item:hover{
        color: #be0000;
        text-decoration: underline;
      }
      .menu-list-icon{
        display: inline-block;
        height: 5px;
        width:5px;
        background: url('./image/menu_point.png');
        background-repeat: no-repeat;
        background-size:100% 100%;
        margin-right: 5px;
        position: relative;
        top: -5px;
      }

    }
  }
}

.app-major{
  width: calc(100% - 300px);
  height: auto;
  padding-left: 10px;
  border-radius: 10px !important;
  box-sizing: border-box;
    transition: all 0.4s linear;
}

.home-info-wrap{
  height: 220px;
  background-color: #ffffff;
  border-radius: 10px;
  padding:15px;
  border:1px solid #ccc;
    transition: all 0.4s linear;

 
  .app-tit-word{
    height: 80px;
    line-height: 80px;
    font-family: MicrosoftYaHei;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #be0000; // #000000;
    border-bottom: 1px solid #ebebeb;
    span{
      padding: 5px 10px;
      margin-left: 425px;
      color: #fff;
      font-size: 18px;
      border-radius: 5px;
      background: #be0000;
      cursor: pointer;
    }
  }

  .app-tit-word img{
    width: 23px;
    vertical-align: middle;
    height: auto;
    margin-right: 10px;
  }

  .user-info{
    margin-top: 10px;
    height: 130px;

    .person-info{
      width:160px;
      padding-top: 10px;
      font-size: 14px;

      .person-info-item{
        margin-bottom: 25px;
      } 

    }
    .person-total-view{
      padding-top: 0px;
      width: calc(100% - 160px );

      .person-card-wrap{
        padding-right: 5px;
        box-sizing: border-box;

        .person-card{
          height: 100%;

          .person-card-counts{
            font-size: 28px;
            font-weight: bold;
            color: #ffffff;
            text-align: center;
            height: 85px;
            line-height: 100px;
          }
          .person-card-label{
            font-size: 16px;
            font-weight: bold;
            color: #ffffff;
            text-align: center;
            height: 50px;
            line-height: 50px;
          }
        }
      }
    }
  }
}

.policySend{
  margin-top: 20px;
  height: 50px;
  line-height: 50px;
  border: 1px solid #ccc;
  border-radius: 10px;
  .policyTitle{
    float: left;
    width: 15%;
    font-weight: bold;
    color: #be0000;
    img{
      margin-top: -15px;
      margin-left: 10px;
      vertical-align: middle;
    }
  }
  
  marquee{
    float: left;
    width: 75%;
    a{
      color: #000000;
    }
    a:hover{
      color: #c80602;
      text-decoration: underline;
    }
    a + a{
      margin-left: 15px;
    }
  }
  .policyMore{
    float: right;
    width: 7%;
    font-size: 14px;
  }
}

.home-content-wrap{
  margin-top: 10px;
  height: 800px;

  .home-content-left{
    width:calc( 100% - 230px );
    box-sizing: border-box;
    
    .home-table-wrap{
      height: 280px;
      background-color: #ffffff;
      border-radius: 10px;
      padding: 15px;
      margin-top:10px;
      border:1px solid #ccc;
    transition: all 0.4s linear;

      .home-table-title{
        font-size: 18px;
        font-weight: bold;
        color: #be0000;   //#2a3c54;
      }

      .home-table{
        margin-top: 30px;
      }
    }
    .home-table-hd{
      height: 315px;
    }

  }

  .home-content-right{
    width:230px;
    padding-left: 10px;
    box-sizing: border-box;
    margin-top: 10px;

    .right-area{
     
      height: auto;

      .people-service{
        height: 550px;
        border-radius: 10px;
        background-color: #ffffff;
        padding: 15px;

        .people-service-item{
          width: 50%;
          height: 120px;
          padding-left: 10px;
          box-sizing: border-box;

          .people-service-icon{
            width: 75px;
            height: 75px;
            cursor: pointer;
          }
          .people-service-word{
            font-size: 14px;
            color: #000000;
            height: 40px;
            line-height: 40px;
            text-align: center;
          }
          
        }

      }

      .your-like{
        margin-top: 10px;
        min-height: 350px;
        border-radius: 10px;
        background-color: #ffffff;
        padding: 15px;
        border: 1px solid #ccc;
        transition: all 0.4s linear;

        .your-like-list-item{
          height: 74px;
          border-bottom: 1px solid #ebebeb;
          .your-like-list-title{
            font-size: 14px;
            line-height: 25px;
            letter-spacing: 1px;
            overflow: hidden;
            padding-top: 10px;
            box-sizing: border-box;
            cursor: pointer;
          }
          .your-like-list-title:hover{

            color: #c80602;
            text-decoration: underline;
          }
          .your-like-list-date{
            font-size: 14px;
            line-height: 25px;
            color: #999;
            margin-top:10px;
          }

        }
      }

      .your-look{
        margin-top: 0px;
        min-height: 603px;
        border-radius: 10px;
        background-color: #ffffff;
        padding: 15px;
        border: 1px solid #ccc;
        transition: all 0.4s linear;

        .your-look-list-item{
          margin-top: 10px;
          height: 74px;
          border-bottom: 1px solid #ebebeb;
          .your-look-list-title{
            font-size: 14px;
            line-height: 25px;
            letter-spacing: 1px;
            overflow: hidden;
            padding-top: 10px;
            box-sizing: border-box;
            cursor: pointer;
          }
          .your-look-list-title:hover{
            color: #c80602;
            text-decoration: underline;
          }
          
          .your-look-list-date{
            font-size: 14px;
            line-height: 25px;
            color: #999;
            margin-top:10px;
          }

        }
      }

      .word-cloud{
        margin-top: 10px;
        height: 260px;
        border-radius: 10px;
        background-color: #ffffff;
        padding: 5px;
        padding-top: 10px;
        border: 1px solid #ccc;
        transition: all 0.4s linear;

        
        .word-cloud-area{
          height: 198px;
          padding:5px;
        }
      }

      .right-area-tit{
        font-size: 18px;
        font-weight: bold;
        color: #be0000;      //#2a3c54;
        margin-bottom: 30px;
        margin-left: 10px;
      }

    }
  }

}

















